<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理系统-首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>首页</title>
    <link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet"/>
</head>
<body>
<div class="ui container">
    <div class="ui secondary menu">
        <a class="active item" th:href="@{/toIndex(username=${username})}">
            首页
        </a>
<!--        <a class="active item" th:href="@{/about}">-->
<!--            关于-->
<!--        </a>-->
        <div class="right menu">
            <!--如果未登录-->
            <div th:if="${username} == null">
                <a class="item" th:href="@{/toLogin}">
                    <i class="address card icon"></i> 登录
                </a>
            </div>
            <div th:if="${username} == null">
                <a class="item" th:href="@{/toRegister}">
                    <i class="address card icon"></i> 注册
                </a>
            </div>

            <!--如果已登录-->
            <div th:if="${username} != null">
                <a class="item">
                    <i class="address card icon"></i>
                    用户名：<span th:text="${username}"></span>
                </a>
            </div>

            <div th:if="${username} != null">
                <a class="item" th:href="@{/toLogin}">
                    <i class="address card icon"></i> 注销
                </a>
            </div>
        </div>
    </div>

    <div class="ui stackable three column grid">
        <div class="column">
            <div class="ui raised segments">
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/VokYigeyLJ9r5QtC-2VKKg">酷地cooode的诞生</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/joEglAp27lU3bmqxsVrTdA">Java学习路线</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/YPmhgxfBmGFhtVRYli__sg">你必须掌握的14 个 SpringBoot 优化小妙招</a>
                </div>
            </div>
        </div>
        <div class="column">
            <div class="ui raised segments">
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/VokYigeyLJ9r5QtC-2VKKg">酷地cooode的诞生</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/joEglAp27lU3bmqxsVrTdA">Java学习路线</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/YPmhgxfBmGFhtVRYli__sg">你必须掌握的14 个 SpringBoot 优化小妙招</a>
                </div>
            </div>
        </div>
        <div class="column">
            <div class="ui raised segments">
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/VokYigeyLJ9r5QtC-2VKKg">酷地cooode的诞生</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/joEglAp27lU3bmqxsVrTdA">Java学习路线</a>
                </div>
                <div class="ui segment">
                    <a href="https://mp.weixin.qq.com/s/YPmhgxfBmGFhtVRYli__sg">你必须掌握的14 个 SpringBoot 优化小妙招</a>
                </div>
            </div>
        </div>
    </div>
    <div class="ui stacked segment">
        <div class="ui stackable three column grid">
            <div class="column">
                <h4>待办</h4>
                <p>你有一个待办1！</p>
                <p>你有一个待办2！</p>
                <p>你有一个待办3！</p>
                <p>你有一个待办4！</p>
                <p>你有一个待办5！</p>
            </div>

            <div class="column">
                <h4>消息</h4>
                <p>消息提醒：你有一个消息1！</p>
                <p>消息提醒：你有一个消息2！</p>
                <p>消息提醒：你有一个消息3！</p>
                <p>消息提醒：你有一个消息4！</p>
                <p>消息提醒：你有一个消息5！</p>
            </div>
            <div class="column">
                <img class="ui medium circular image" src="images/img.png">
            </div>
        </div>

    </div>

    <div class="ui info message" style="text-align: center">
        <div class="header">联系我们www.cooode.com</div>
        <p>CopyRight©2024</p>
    </div>
</div>

</body>
</html>